<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>wangEditor2 test</title>
    <link rel="stylesheet" type="text/css" href="../dist/css/wangEditor.min.css">
    <style type="text/css">
        #div1,#div2 {
            width: 100%;
            height: 150px;
        }
    </style>
</head>
<body style="padding:0 20px;">
    <div class="container">  
    <p><br/><br/><br/><br/>
    <br/><br/><br/>
    <br/><br/><br/>
    <br/><br/></p>     
    <div id="div2">
        </div>
    </div>
    
    
    <script type="text/javascript" src="../dist/js/lib/jquery-1.10.2.min.js"></script>
    <script type="text/javascript" src="../dist/js/wangEditor.js"></script>
    <script type="text/javascript">
        $(function () {
            
            var editor2 = new wangEditor('div2');
            //自定义菜单
            editor2.config.menus = [
                'emotion',
                'img',
            ];
            // 隐藏掉插入网络图片功能
            editor2.config.hideLinkImg = true;
            if (window.console) {
                console.log(editor2);
            }

            editor2.config.emotions = {
                "BB" : {
                    title : '<img src="http://q.qqbiaoqing.com/q/2011-8-3/e79d7625328975f0dc93d9921a2464d8.gif" width="20px" height="20px" title="经典表情"',
                data  :  [
    {
        icon : "http://q.qqbiaoqing.com/q/2011-8-3/e79d7625328975f0dc93d9921a2464d8.gif",
        value : "[高烧发汗]"
    },
    {
        icon : "http://q.qqbiaoqing.com/q/2011-8-3/c6b3e0b735cfe7eb8af9c4f9fab643de.gif",
        value : "[眨眼睛]"
    },
    {
        icon : "http://q.qqbiaoqing.com/q/2011-8-3/c435c5726f7dd0609a2f203a39ae51fe.gif",
        value : "[吻一个]"
    },
    {
        icon : "http://q.qqbiaoqing.com/q/2011-8-3/9e8d4a9998605b6885adef2a4a1c6d77.gif",
        value : "[吃午餐]"
    },
    {
        icon : "http://q.qqbiaoqing.com/q/2011-8-3/d150c575b9f39820e4cf3125d5c00069.gif",
        value : "[发音练习]"
    },
    {
        icon : "http://q.qqbiaoqing.com/q/2011-8-3/a934ab6c5c9eb4f2b8eb05019816db8c.gif",
        value : "[跌倒]"
    },
    {
        icon : "http://q.qqbiaoqing.com/q/2011-8-3/c47afe3ed1d340017d4efd0e94307e64.gif",
        value : "[么么]"
    },
    {
        icon : "http://q.qqbiaoqing.com/q/2011-8-3/a0f5b7cfce78a74d551f7b4628476573.gif",
        value : "[高烧发汗]"
    },
    {
        icon : "http://q.qqbiaoqing.com/q/2011-8-3/e79d7625328975f0dc93d9921a2464d8.gif",
        value : "[一脚踢飞]"
    },
    {
        icon : "http://q.qqbiaoqing.com/q/2011-8-3/31e4bd5d1612a5e2a3278d33beafed3a.gif",
        value : "[路过]"
    },
    {
        icon : "http://q.qqbiaoqing.com/q/2011-8-3/90d43c0912e46ea66637f525f0ed6da6.gif",
        value : "[泪流满面]"
    },
    {
        icon : "http://q.qqbiaoqing.com/q/2011-8-3/821b8ac4670b67ec1f334206d38c161d.gif",
        value : "[反复路过]"
    },
    {
        icon : "http://q.qqbiaoqing.com/q/2011-8-3/605e97395c4c7a36cc0cad3274e0be6f.gif",
        value : "[被囧到了]"
    },
    {
        icon : "http://q.qqbiaoqing.com/q/2011-8-3/319dcef4a7bac17599bf70e9866a3fd5.gif",
        value : "[高烧发汗]"
    },
    {
        icon : "http://q.qqbiaoqing.com/q/2011-8-3/e79d7625328975f0dc93d9921a2464d8.gif",
        value : "[无聊]"
    },
    {
        icon : "http://q.qqbiaoqing.com/q/2011-8-3/3d8496aed1c689c72b436b569ee24de1.gif",
        value : "[顶呱呱]"
    },
    {
        icon : "http://q.qqbiaoqing.com/q/2011-8-3/e073d7d5955d57c30dc6d0d37210e470.gif",
        value : "[鼓掌]"
    }
]
                },
                "AA" : {
                    title : "帅哥",
                data  : [
                {
                    icon : "http://img.t.sinajs.cn/t35/style/images/common/face/ext/normal/7a/shenshou_thumb.gif",
                    value : "[草泥马]"
                },  
                {
                    icon : "http://img.t.sinajs.cn/t35/style/images/common/face/ext/normal/ac/smilea_thumb.gif",
                    value : "[呵呵]"
                }, 
                {
                    icon : "http://img.t.sinajs.cn/t35/style/images/common/face/ext/normal/0b/tootha_thumb.gif",
                    value : "[嘻嘻]"
                }, 
                {
                    icon : "http://img.t.sinajs.cn/t35/style/images/common/face/ext/normal/6a/laugh.gif",
                    value : "[哈哈]"
                }, 
                {
                    icon : "http://img.t.sinajs.cn/t35/style/images/common/face/ext/normal/14/tza_thumb.gif",
                    value : "[可爱]"
                }, 
                {
                    icon : "http://img.t.sinajs.cn/t35/style/images/common/face/ext/normal/af/kl_thumb.gif",
                    value : "[可怜]"
                }, 
                {
                    icon : "http://img.t.sinajs.cn/t35/style/images/common/face/ext/normal/a0/kbsa_thumb.gif",
                    value : "[挖鼻屎]"
                }, 
                {
                    icon : "http://img.t.sinajs.cn/t35/style/images/common/face/ext/normal/f4/cj_thumb.gif",
                    value : "[吃惊]"
                }, 
                {
                    icon : "http://img.t.sinajs.cn/t35/style/images/common/face/ext/normal/6e/shamea_thumb.gif",
                    value : "[害羞]"
                }, 
                {
                    icon : "http://img.t.sinajs.cn/t35/style/images/common/face/ext/normal/c3/zy_thumb.gif",
                    value : "[挤眼]"
                }, 
                {
                    icon : "http://img.t.sinajs.cn/t35/style/images/common/face/ext/normal/29/bz_thumb.gif",
                    value : "[闭嘴]"
                }, 
                {
                    icon : "http://img.t.sinajs.cn/t35/style/images/common/face/ext/normal/71/bs2_thumb.gif",
                    value : "[鄙视]"
                }, 
                {
                    icon : "http://img.t.sinajs.cn/t35/style/images/common/face/ext/normal/6d/lovea_thumb.gif",
                    value : "[爱你]"
                }, 
                {
                    icon : "http://img.t.sinajs.cn/t35/style/images/common/face/ext/normal/9d/sada_thumb.gif",
                    value : "[泪]"
                }, 
                {
                    icon : "http://img.t.sinajs.cn/t35/style/images/common/face/ext/normal/19/heia_thumb.gif",
                    value : "[偷笑]"
                }, 
                {
                    icon : "http://img.t.sinajs.cn/t35/style/images/common/face/ext/normal/8f/qq_thumb.gif",
                    value : "[亲亲]"
                }, 
                {
                    icon : "http://img.t.sinajs.cn/t35/style/images/common/face/ext/normal/b6/sb_thumb.gif",
                    value : "[生病]"
                }, 
                {
                    icon : "http://img.t.sinajs.cn/t35/style/images/common/face/ext/normal/58/mb_thumb.gif",
                    value : "[太开心]"
                }, 
                {
                    icon : "http://img.t.sinajs.cn/t35/style/images/common/face/ext/normal/17/ldln_thumb.gif",
                    value : "[懒得理你]"
                }, 
                {
                    icon : "http://img.t.sinajs.cn/t35/style/images/common/face/ext/normal/98/yhh_thumb.gif",
                    value : "[右哼哼]"
                }, 
                {
                    icon : "http://img.t.sinajs.cn/t35/style/images/common/face/ext/normal/6d/zhh_thumb.gif",
                    value : "[左哼哼]"
                }, 
                {
                    icon : "http://img.t.sinajs.cn/t35/style/images/common/face/ext/normal/a6/x_thumb.gif",
                    value : "[嘘]"
                }, 
                {
                    icon : "http://img.t.sinajs.cn/t35/style/images/common/face/ext/normal/af/cry.gif",
                    value : "[衰]"
                }, 
                {
                    icon : "http://img.t.sinajs.cn/t35/style/images/common/face/ext/normal/73/wq_thumb.gif",
                    value : "[委屈]"
                }, 
                {
                    icon : "http://img.t.sinajs.cn/t35/style/images/common/face/ext/normal/9e/t_thumb.gif",
                    value : "[吐]"
                }, {
                    icon : "http://img.t.sinajs.cn/t35/style/images/common/face/ext/normal/f3/k_thumb.gif",
                    value : "[打哈欠]"
                }, {
                    icon : "http://img.t.sinajs.cn/t35/style/images/common/face/ext/normal/27/bba_thumb.gif",
                    value : "[抱抱]"
                }, {
                    icon : "http://img.t.sinajs.cn/t35/style/images/common/face/ext/normal/7c/angrya_thumb.gif",
                    value : "[怒]"
                }, {
                    icon : "http://img.t.sinajs.cn/t35/style/images/common/face/ext/normal/5c/yw_thumb.gif",
                    value : "[疑问]"
                }, {
                    icon : "http://img.t.sinajs.cn/t35/style/images/common/face/ext/normal/a5/cza_thumb.gif",
                    value : "[馋嘴]"
                }, {
                    icon : "http://img.t.sinajs.cn/t35/style/images/common/face/ext/normal/70/88_thumb.gif",
                    value : "[拜拜]"
                }, {
                    icon : "http://img.t.sinajs.cn/t35/style/images/common/face/ext/normal/e9/sk_thumb.gif",
                    value : "[思考]"
                }, {
                    icon : "http://img.t.sinajs.cn/t35/style/images/common/face/ext/normal/24/sweata_thumb.gif",
                    value : "[汗]"
                }, {
                    icon : "http://img.t.sinajs.cn/t35/style/images/common/face/ext/normal/7f/sleepya_thumb.gif",
                    value : "[困]"
                }, {
                    icon : "http://img.t.sinajs.cn/t35/style/images/common/face/ext/normal/6b/sleepa_thumb.gif",
                    value : "[睡觉]"
                }, {
                    icon : "http://img.t.sinajs.cn/t35/style/images/common/face/ext/normal/90/money_thumb.gif",
                    value : "[钱]"
                }, {
                    icon : "http://img.t.sinajs.cn/t35/style/images/common/face/ext/normal/0c/sw_thumb.gif",
                    value : "[失望]"
                }, {
                    icon : "http://img.t.sinajs.cn/t35/style/images/common/face/ext/normal/40/cool_thumb.gif",
                    value : "[酷]"
                }, {
                    icon : "http://img.t.sinajs.cn/t35/style/images/common/face/ext/normal/8c/hsa_thumb.gif",
                    value : "[花心]"
                }, {
                    icon : "http://img.t.sinajs.cn/t35/style/images/common/face/ext/normal/49/hatea_thumb.gif",
                    value : "[哼]"
                }, {
                    icon : "http://img.t.sinajs.cn/t35/style/images/common/face/ext/normal/36/gza_thumb.gif",
                    value : "[鼓掌]"
                }, {
                    icon : "http://img.t.sinajs.cn/t35/style/images/common/face/ext/normal/d9/dizzya_thumb.gif",
                    value : "[晕]"
                }, {
                    icon : "http://img.t.sinajs.cn/t35/style/images/common/face/ext/normal/1a/bs_thumb.gif",
                    value : "[悲伤]"
                }, {
                    icon : "http://img.t.sinajs.cn/t35/style/images/common/face/ext/normal/62/crazya_thumb.gif",
                    value : "[抓狂]"
                }, {
                    icon : "http://img.t.sinajs.cn/t35/style/images/common/face/ext/normal/91/h_thumb.gif",
                    value : "[黑线]"
                }, {
                    icon : "http://img.t.sinajs.cn/t35/style/images/common/face/ext/normal/6d/yx_thumb.gif",
                    value : "[阴险]"
                }, {
                    icon : "http://img.t.sinajs.cn/t35/style/images/common/face/ext/normal/89/nm_thumb.gif",
                    value : "[怒骂]"
                },{
                    icon : "http://img.t.sinajs.cn/t35/style/images/common/face/ext/normal/40/hearta_thumb.gif",
                    value : "[心]"
                }, {
                    icon : "http://img.t.sinajs.cn/t35/style/images/common/face/ext/normal/ea/unheart.gif",
                    value : "[伤心]"
                }, {
                    icon : "http://img.t.sinajs.cn/t35/style/images/common/face/ext/normal/58/pig.gif",
                    value : "[猪头]"
                }, {
                    icon : "http://img.t.sinajs.cn/t35/style/images/common/face/ext/normal/d6/ok_thumb.gif",
                    value : "[ok]"
                }, {
                    icon : "http://img.t.sinajs.cn/t35/style/images/common/face/ext/normal/d9/ye_thumb.gif",
                    value : "[耶]"
                }, {
                    icon : "http://img.t.sinajs.cn/t35/style/images/common/face/ext/normal/d8/good_thumb.gif",
                    value : "[good]"
                }, {
                    icon : "http://img.t.sinajs.cn/t35/style/images/common/face/ext/normal/c7/no_thumb.gif",
                    value : "[不要]"
                }, {
                    icon : "http://img.t.sinajs.cn/t35/style/images/common/face/ext/normal/d0/z2_thumb.gif",
                    value : "[赞]"
                }, {
                    icon : "http://img.t.sinajs.cn/t35/style/images/common/face/ext/normal/40/come_thumb.gif",
                    value : "[来]"
                }, {
                    icon : "http://img.t.sinajs.cn/t35/style/images/common/face/ext/normal/d8/sad_thumb.gif",
                    value : "[弱]"
                }, {
                    icon : "http://img.t.sinajs.cn/t35/style/images/common/face/ext/normal/91/lazu_thumb.gif",
                    value : "[蜡烛]"
                }, {
                    icon : "http://img.t.sinajs.cn/t35/style/images/common/face/ext/normal/6a/cake.gif",
                    value : "[蛋糕]"
                },{
                    icon : "http://img.t.sinajs.cn/t35/style/images/common/face/ext/normal/15/j_thumb.gif",
                    value : "[囧]"
                }, 
                {
                    icon : "http://img.t.sinajs.cn/t35/style/images/common/face/ext/normal/89/hufen_thumb.gif",
                    value : "[互粉]"
                }
                ]
                }
            }

            editor2.config.uploadImgUrl = '/upload';

            editor2.create();

            // 避免上面编辑器的 dropPanel 被下面的编辑器遮挡
            editor2.$editorContainer.css('z-index', 10)
        });
    </script>
</body>
</html>